{extend name="Layout/base" /}
{block name="content"}
<!-- //////////////////////////////////////////////////////////////////////////// --> 
<!-- START CONTAINER -->
<div class="container-padding">

  <!-- Start Invoice -->
  <div class="invoice row">
    <div class="invoicename">INVOICE</div>
    <div class="logo">
      <img src="img/example-logo.png" alt="logo"><br>
      <b>HAPPY WORKS PEOPLE INC</b><br>
      692 Merry Poe Ave, Suite 201<br>
      San Francisco, CA 96540
    </div>

    <div class="line row">
      <div class="col-md-6 col-xs-6 padding-0 text-left">
        <h4>DUE DATE</h4>
        <h2>15 May, 2015</h2>
      </div>
      <div class="col-md-6 col-xs-6 padding-0 text-right">
        <h4>INVOICE ID</h4>
        <h2>A966</h2>
      </div>
    </div>

    <div class="line row">
      <div class="col-md-6 col-xs-6 padding-0 text-left">
        <h4>PREPARED FOR</h4>
        <h2>Jonathan Doe</h2>
      </div>
      <div class="col-md-6 col-xs-6 padding-0 text-right">
        <h4>PROJECT</h4>
        <h2>Personal</h2>
      </div>
    </div>

    <table class="table">
      <thead class="title">
        <tr>
          <td>TASK DESCRIPTION</td>
          <td>HOURS</td>
          <td>RATE PER HOUR</td>
          <td class="text-right">TOTAL</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Ipad Application Design <p>Designed an app learning colors<br>for children</p></td>
          <td>20</td>
          <td>$ 90,00</td>
          <td class="text-right">$ 1.800,00</td>
        </tr>
        <tr>
          <td>Logo Design <p>Designed a logo for happy company</td>
          <td>10</td>
          <td>$ 50,00</td>
          <td class="text-right">$ 500,00</td>
        </tr>
        <tr>
          <td>iOS Application <p>Designed an iOs app for iPhone</td>
          <td>40</td>
          <td>$ 50,00</td>
          <td class="text-right">$ 2.000,00</td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td class="text-right"></td>
          <td class="text-right">TOTAL<h4 class="total">$ 4.300,00</h4></td>
        </tr>
      </tbody>
    </table>

    <div class="signature">
      <p><img src="img/signature.png" alt="img"></p>
      <p><b>John Doe</b>, Designer</p>
    </div>

    <div class="bottomtext">
      You know, being a test pilot isn't always the healthiest business in the world.Here men from the planet Earth first set foot upon the Moon. July 1969 AD. We came in peace for all mankind.
      The Earth was small, light blue, and so touchingly alone, our home that must be defended like a holy relic. The Earth was absolutely round. I believe I never knew what the word round meant until I saw Earth from space.
      The dreams of yesterday are the hopes of today and the reality of tomorrow.
      Science has not yet mastered prophecy. We predict too much for the next year and yet far too little for the next 10.
      Houston, Tranquillity Base here. The Eagle has landed.
      To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with nature—could one dream of anything more?
      Where ignorance lurks, so too do the frontiers of discovery and imagination.
    </div>

  </div>
  <!-- End Invoice -->



</div>
<!-- END CONTAINER -->
 <!-- //////////////////////////////////////////////////////////////////////////// -->
{/block}